<template>
	<Index></Index>
</template>

<script>
import Index from '@/components/index.vue'
export default {
	name: 'App',
	components: {
        Index,
    }
}
</script>

<style lang="scss">
	@import '@/assets/scss/font';
	body,html {
		width: 100%;
		height: 100%;
		overflow: hidden;
		margin: 0;
		padding: 0;
	}
	ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	.container{
		width: 100%;
		height: 100%;
	}
	.wrapped{
		width: 100%;
	}
	._scrollbar{
		overflow-x: hidden;
		overflow-y: scroll;
		scrollbar-width: none;
		-ms-overflow-style: node;
		&::-webkit-scrollbar {
		display: none; /* Chrome Safari */
		}
	}
	._scrollbar_x{
		overflow-x: scroll;
		overflow-y: hidden;
		scrollbar-width: none;
		-ms-overflow-style: node;
		&::-webkit-scrollbar {
		display: none; /* Chrome Safari */
		}
	}
	._display_flex{
		display: flex;
		align-items: center;
	}
	#app {
		font-family: Avenir, Helvetica, Arial, sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-align: center;
		color: #2c3e50;
		margin-top: 60px;
	}

	i{
		font-style: normal;
	}
</style>
